<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" href="data:;base64,=">
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont-none.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" media="all">
    <!-- <link rel="stylesheet" type="text/css" href="__STATIC_CSS__iconfont2.css"/> -->
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.seller.css">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>


    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" media="all"/>
<!--    <link rel="stylesheet" type="text/css" href="/static/js/ue/themes/default/css/ueditor.css"/>-->

    <!-- <link rel="stylesheet" type="text/css" href="__STATIC_CSS__iconfont2.css"/> -->
    <!--vue的使用-->
    <script src="/static/vue/vue.js"></script>


    <script src="/static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/lib/layuiadmin/layui/layui.js"></script>


    <script type="text/javascript" src="/static/js/jshop.js"></script>
    <script>
        <!-- 定义全局变量 -->
        var Jshop_Host = "localhost:8089";
        var Jshop_Image = "/images/uploadImage";
        var manage_Image = "/images/manage";
    </script>

</head>
<body>
<div id="addUser">
<form class="layui-form  seller-alone-form" id="userAdd" style="padding:20px;">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">手机号：</label>
            <div class="layui-input-inline">
                <input type="text" name="mobile" required lay-verify="required|phone"  class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">昵称：</label>
            <div class="layui-input-inline">
                <input type="text" name="nickName" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">密码：</label>
            <div class="layui-input-inline">
                <input type="password" name="passWord" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">确认密码：</label>
            <div class="layui-input-inline">
                <input type="password" name="rePassWord" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">性别：</label>
            <div class="layui-input-inline">
                <input type="radio" name="sex" value="1" title="男" checked="checked">
                <input type="radio" name="sex" value="2" title="女">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">生日：</label>
            <div class="layui-input-inline">
                <input type="text" name="birthday" id="birthday" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">等级：</label>
            <div class="layui-input-inline">
                <select name="grade" >
                    <option value="" selected="selected">请选择</option>
                    <option v-for="grad in grades" :value="grad.id">{{ grad.name }}</option>

                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">状态：</label>
            <div class="layui-input-inline">
                <select name="status" id="status">
                    <option value="1" selected="selected">可用</option>
                    <option value="2">停用</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">头像：</label>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn" id="upload_img_avatar" onclick="upImagavatare()">上传图片</button>
                <div class="layui-upload-list">
                    <img class="layui-upload-img"  src="https://b2c.jihainet.com/static/images/default.png" id="image_src_avatar" style="width:90px;height:90px;" >
                    <p id="upload_text_avatar"></p>
            </div>
        </div>
    </div>
    </div>
</form>
</div>
<script>

    new Vue({
        el: '#addUser',
        data: {
            grades:[{
                "id":1,
                "name":"普通等级"
            }]
        }
    })

</script>

<script>
    layui.use(['form', 'laydate'], function () {
        var form = layui.form, laydate = layui.laydate;
        form.render();

        laydate.render({
            elem: '#birthday'
        });
    });
</script>

<script>
    /*var _editoavatarr = UE.getEditor("edit_avatar",{
        initialFrameWidth:800,
        initialFrameHeight:300,
        zIndex:19891026,
        single:false
    });
    _editoavatarr.ready(function (){
        //_editoavatarr.setDisabled();
        _editoavatarr.hide();
        //侦听图片上传
        _editoavatarr.addListener('beforeInsertImage',function(t,arg){
            $("#image_value_avatar").attr("value",arg[0].image_id);
            //将图片地址赋给img的src,实现预览
            $("#image_src_avatar").attr("src",arg[0].src);
        });
    });
    //上传dialog
    function upImagavatare(){
        var myImagavatare = _editoavatarr.getDialog("insertimage");
        myImagavatare.open();
    }*/
</script>

</body>
</html>
